<template>
  <div>
    <div class="box_content" v-if="form.contractList">
      <div class="box" v-for="(item,i) in form.contractList" :key="i">
        <p class="title">{{ item.contractTemplateTypeStr }}</p>
        <div class="content">
          <el-form :model="item" label-width="100px">
            <el-form-item label="是否电子签:">
              <span v-if="item.electronicSignType">{{ item.electronicSignType ==1?'是':'否'}} </span>
              <span v-else>-</span>
            </el-form-item>
            <el-form-item label="附件上传:">
              <ImageCommon v-if="item.contractFile" :up-type="1" info="选择附件" :limit="10" v-model="item.contractFile" :disabled="true"></ImageCommon>
              <span v-else>-</span>
            </el-form-item>
            <p style="font-size: 13px;color: red;text-align: right;width: 55%;margin-top: -20px;">{{ item.contractStatusStr }}</p>
          </el-form>
        </div>
      </div>
    </div>
    <div v-else style="text-align: center; font-size: 13px;color: #495060;">
      暂无合同详情信息
    </div>
  </div>
</template>
<script>
export default {
  // 电子签详情
  name: "EctVisa",
  props: {
    value: {
      type: Object,
      default: {}
    },
  },
  computed: {
    form: {
      get() {
        let that = this;
        const proxy = new Proxy(that.value, {
          get(target, key) {
            return Reflect.get(target, key);
          },
          set(target, key, value) {
            that.$emit("input", { ...target, [key]: value });
            return true;
          },
        });
        return proxy;
      },
    },
  },
  data() {
    return {};
  },
};
</script>
<style lang="scss" scoped>
.box_content {
  width: 95%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  .box {
    width: 45%;
    min-height: 300px;
    .title {
      border-left: 3px solid #3280fc;
      padding-left: 5px;
      box-sizing: border-box;
    }
    .content {
      width: 70%;
      min-height: 300px;
      margin: 0 auto;
    }
  }
}
</style>
